<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>项目</title>
	<link rel="stylesheet" href="../css/reset.css">
	<link rel="stylesheet" href="css/stytle.css">
	<link rel="icon" href="../img/logo1.png">
	<link media="(max-width:768px)" rel="stylesheet" href="css/mobile.css">
</head>

<body>
	<div class="head">
		<div class="head-center">
			<div class="logo">
				<a class="logo-a" href="../../index.html"></a>
			</div>
			<!-- 头部导航=== -->
			<ul class="head-center-nav">
				<li class="nav-list">
					<a href="../../index.html">首页</a><span class="underline"></span>
				</li>
				<li class="nav-list active">
					<a href="./index.html">项目</a><span class="underline"></span>
				</li>
				<li class="nav-list">
					<a href="../product/index.html">产品</a><span class="underline"></span>
				</li>
				<li class="nav-list">
					<a href="../service/index.html">服务</a><span class="underline"></span>
				</li>
				<li class="nav-list">
					<a href="../news/index.html">新闻</a><span class="underline"></span>
				</li>
				<li class="nav-list">
					<a href="../about/index.html">关于</a><span class="underline"></span>
				</li>
			</ul>
		</div>
	</div>
	
	<!-- 响应式头部样式 -->
	<div class="head-mobile wow fadeInDown">
		<!-- 头部中心=== -->
		<div class="head-center-mobile">
			<!-- 放置logo=== -->
			<!-- 设置logo可点击=== -->
			<a class="logo-a-mobile" href="../../index.html"></a>
			<a href="javascript:;" class="btn-nav close-nav">
				<span></span>
				<span></span>
				<span></span>
			</a>
		</div>
		<!-- 布置头部导航=== -->
		<ul class="head-center-nav-mobile">
			<li class="nav-list-mobile active">
				<a href="../../index.html">首页</a><span class="underline"></span>
			</li>
			<li class="nav-list-mobile">
				<a href="./index.html">项目</a><span class="underline"></span>
			</li>
			<li class="nav-list-mobile">
				<a href="../product/index.html">产品</a><span class="underline"></span>
			</li>
			<li class="nav-list-mobile">
				<a href="../service/index.html">服务</a><span class="underline"></span>
			</li>
			<li class="nav-list-mobile">
				<a href="../news/index.html">新闻</a><span class="underline"></span>
			</li>
			<li class="nav-list-mobile">
				<a href="../about/index.html">关于</a><span class="underline"></span>
			</li>
		</ul>
	</div>
	<hr>
	<!-- 响应式头部结束 -->
	<div class="banner">
		<div class="banner-center"></div>
	</div>
	<div class="continer">
		<div class="continer-center">
			<!-- 家居展示 -->
			<div class="project-furnishing" id="furnishing">
				<div class="common-title">
					<div class="continer-nav">
						<span>您的位置:</span>
						<a href="#">项目</a>
						<span class="continer-nav-arr">&gt;</span>
						<a class="active" href="#">项目展示</a>
					</div>
					<hr>
					<ul class="project-nav">
						<li class="pro-nav-list">
							<a class="active" href="javascript:;">家居</a><span class="verticle-line"></span><span class="transverse-line active-line"></span>
						</li>
						<li class="pro-nav-list">
							<a href="javascript:;">办公</a><span class="verticle-line"></span><span class="transverse-line"></span>
						</li>
						<li class="pro-nav-list">
							<a href="javascript:;">餐饮</a><span class="verticle-line"></span><span class="transverse-line"></span>
						</li>
						<li class="pro-nav-list mar-none">
							<a href="javascript:;">MORE</a><span class="transverse-line"></span>
						</li>
					</ul>
				</div>
				<!-- 移动端导航样式 -->
				<div class="project-nav-box">
					<ul class="project-nav-mobile">
						<li class="pro-nav-list-mobile active">家居</li>
						<li class="pro-nav-list-mobile">办公</li>
						<li class="pro-nav-list-mobile">餐饮</li>
						<li class="pro-nav-list-mobile">MORE</li>
					</ul>
				</div>
				<!-- 移动端导航样式结束 -->
				<div class="furnishing-box-1">
					<div class="project-img-1">
						<div class="img-box project-img-1-1">
							<div class="pro-mask m1">
								<p class="pro-mask-p1">Marylebone公寓室内改造 上海</p>
								<p class="pro-mask-p2">木隔墙创造出简约的生活空间</p>
								<p class="pro-mask-p3">两间自带浴室套间的双人卧室和一个宽敞的开放</p>
								<p class="pro-mask-p4">式厨房、餐厅和起居室空间和谐共融。</p>
								<div class="pro-mask-arr">
									<a href="#"></a>
								</div>
							</div>
							<div class="pro-mask-img i1"></div>
						</div>
						<a href="#">
							<div class="project-img-text text-1">
								<p class="text-a">Marylebone公寓室内改造 上海</p>
								<p class="text-b">木隔墙创造出简约的生活空间</p>
								<div class="pro-arr"></div>
							</div>
						</a>
					</div>
					<div class="project-img-2">
						<div class="img-box project-img-2-1">
							<div class="pro-mask m2">
								<p class="pro-mask-p1">月见棱廓 北京</p>
								<p class="pro-mask-p2">舒适而注重情感交流的小住宅</p>
								<div class="pro-mask-arr">
									<a href="#"></a>
								</div>
							</div>
							<div class="pro-mask-img i2"></div>
						</div>
						<a href="#">
							<div class="project-img-text text-2">
								<p class="text-a">月见棱廓 北京</p>
								<p class="text-b">舒适而注重情感交流的小住宅</p>
								<div class="pro-arr"></div>
							</div>
						</a>
					</div>
					<div class="project-img-3">
						<div class="img-box project-img-3-1">
							<div class="pro-mask m3">
								<p class="pro-mask-p1">亭仔脚 台北</p>
								<p class="pro-mask-p2">生活记忆的延续</p>
								<div class="pro-mask-arr">
									<a href="#"></a>
								</div>
							</div>
							<div class="pro-mask-img i3"></div>
						</div>
						<a href="#">
							<div class="project-img-text text-3">
								<p class="text-a">亭仔脚 台北</p>
								<p class="text-b">生活记忆的延续</p>
								<div class="pro-arr"></div>
							</div>
						</a>
					</div>
				</div>
				<div class="furnishing-box-2">
					<div class="project-img-1">
						<div class="img-box project-img-4-1">
							<div class="pro-mask m1">
								<p class="pro-mask-p1">藏式民居改造 拉萨</p>
								<p class="pro-mask-p2">兼顾藏族传统精神生活的现代住宅</p>
								<div class="pro-mask-arr">
									<a href="#"></a>
								</div>
							</div>
							<div class="pro-mask-img i4"></div>
						</div>
						<a href="#">
							<div class="project-img-text text-1">
								<p class="text-a">藏式民居改造 拉萨</p>
								<p class="text-b">兼顾藏族传统精神生活的现代住宅</p>
								<div class="pro-arr"></div>
							</div>
						</a>
					</div>
					<div class="project-img-2">
						<div class="img-box project-img-5-1">
							<div class="pro-mask m2">
								<p class="pro-mask-p1">白虎头村老宅改造 北京</p>
								<p class="pro-mask-p2">老宅，院落，远山</p>
								<div class="pro-mask-arr">
									<a href="#"></a>
								</div>
							</div>
							<div class="pro-mask-img i5"></div>
						</div>
						<a href="#">
							<div class="project-img-text text-2">
								<p class="text-a">白虎头村老宅改造 北京</p>
								<p class="text-b">老宅，院落，远山</p>
								<div class="pro-arr"></div>
							</div>
						</a>
					</div>
					<div class="project-img-3">
						<div class="img-box project-img-6-1">
							<div class="pro-mask m3">
								<p class="pro-mask-p1">Florentine公寓 杭州</p>
								<p class="pro-mask-p2">两种色调与两种氛围的居住空间</p>
								<div class="pro-mask-arr">
									<a href="#"></a>
								</div>
							</div>
							<div class="pro-mask-img i6"></div>
						</div>
						<a href="#">
							<div class="project-img-text text-3">
								<p class="text-a">Florentine公寓 杭州</p>
								<p class="text-b">两种色调与两种氛围的居住空间</p>
								<div class="pro-arr"></div>
							</div>
						</a>
					</div>
				</div>
			</div>
			<!-- 办公展示 -->
			<div class="project-office">
				<div class="common-title">
					<div class="continer-nav">
						<span>您的位置:</span>
						<a href="#">项目</a>
						<span class="continer-nav-arr">&gt;</span>
						<a class="active" href="#">项目展示</a>
					</div>
					<hr>
					<ul class="project-nav">
						<li class="pro-nav-list">
							<a href="#">家居</a><span class="verticle-line"></span><span class="transverse-line"></span>
						</li>
						<li class="pro-nav-list">
							<a class="active" href="#">办公</a><span class="verticle-line"></span><span class="transverse-line active-line"></span>
						</li>
						<li class="pro-nav-list">
							<a href="#">餐饮</a><span class="verticle-line"></span><span class="transverse-line"></span>
						</li>
						<li class="pro-nav-list mar-none">
							<a href="#">MORE</a><span class="transverse-line"></span>
						</li>
					</ul>
				</div>
				<!-- 移动端导航样式 -->
				<div class="project-nav-box">
					<ul class="project-nav-mobile">
						<li class="pro-nav-list-mobile">家居</li>
						<li class="pro-nav-list-mobile active">办公</li>
						<li class="pro-nav-list-mobile">餐饮</li>
						<li class="pro-nav-list-mobile">MORE</li>
					</ul>
				</div>
				<!-- 移动端导航样式结束 -->
				<div class="furnishing-box-1 office">
					<div class="project-img-1">
						<div class="img-box project-img-7-1">
							<div class="pro-mask m1">
								<p class="pro-mask-p1">Olste办公空间 深圳</p>
								<p class="pro-mask-p2">干净明亮的办公空间</p>
								<div class="pro-mask-arr">
									<a href="#"></a>
								</div>
							</div>
							<div class="pro-mask-img i7"></div>
						</div>
						<a href="#">
							<div class="project-img-text text-1">
								<p class="text-a">Olste办公空间 深圳</p>
								<p class="text-b">干净明亮的办公空间</p>
								<div class="pro-arr"></div>
							</div>
						</a>
					</div>
					<div class="project-img-2">
						<div class="img-box project-img-8-1">
							<div class="pro-mask m2">
								<p class="pro-mask-p1">百分金融办公室 北京</p>
								<p class="pro-mask-p2">从“私密”到“开放”</p>
								<div class="pro-mask-arr">
									<a href="#"></a>
								</div>
							</div>
							<div class="pro-mask-img i8"></div>
						</div>
						<a href="#">
							<div class="project-img-text text-2">
								<p class="text-a">百分金融办公室 北京</p>
								<p class="text-b">从“私密”到“开放”</p>
								<div class="pro-arr"></div>
							</div>
						</a>
					</div>
					<div class="project-img-3">
						<div class="img-box project-img-9-1">
							<div class="pro-mask m3">
								<p class="pro-mask-p1">感物办公空间 杭州</p>
								<p class="pro-mask-p2">我和我的森林性感受</p>
								<div class="pro-mask-arr">
									<a href="#"></a>
								</div>
							</div>
							<div class="pro-mask-img i9"></div>
						</div>
						<a href="#">
							<div class="project-img-text text-3">
								<p class="text-a">感物办公空间 杭州</p>
								<p class="text-b">我和我的森林性感受</p>
								<div class="pro-arr"></div>
							</div>
						</a>
					</div>
				</div>
			</div>
			<!-- 餐厅展示 -->
			<div class="project-restaurant">
				<div class="common-title">
					<div class="continer-nav">
						<span>您的位置:</span>
						<a href="javascript:;">项目</a>
						<span class="continer-nav-arr">&gt;</span>
						<a class="active" href="javascript:;">项目展示</a>
					</div>
					<hr>
					<ul class="project-nav">
						<li class="pro-nav-list">
							<a href="javascript:;">家居</a><span class="verticle-line"></span><span class="transverse-line"></span>
						</li>
						<li class="pro-nav-list">
							<a href="javascript:;">办公</a><span class="verticle-line"></span><span class="transverse-line"></span>
						</li>
						<li class="pro-nav-list">
							<a class="active" href="javascript:;">餐饮</a><span class="verticle-line"></span><span class="transverse-line active-line"></span>
						</li>
						<li class="pro-nav-list mar-none">
							<a href="javascript:;">MORE</a><span class="transverse-line"></span>
						</li>
					</ul>
				</div>
				<!-- 移动端导航样式 -->
				<div class="project-nav-box">
					<ul class="project-nav-mobile">
						<li class="pro-nav-list-mobile">家居</li>
						<li class="pro-nav-list-mobile">办公</li>
						<li class="pro-nav-list-mobile active">餐饮</li>
						<li class="pro-nav-list-mobile">MORE</li>
					</ul>
				</div>
				<!-- 移动端导航样式结束 -->
				<div class="furnishing-box-1 restaurant">
					<div class="project-img-1">
						<div class="img-box project-img-10-1">
							<div class="pro-mask m1">
								<p class="pro-mask-p1">肯德基西安大雁塔店 西安</p>
								<p class="pro-mask-p2">以现代语言讲述古城历史文化</p>
								<div class="pro-mask-arr">
									<a href="#"></a>
								</div>
							</div>
							<div class="pro-mask-img i10"></div>
						</div>
						<a href="#">
							<div class="project-img-text text-1">
								<p class="text-a">肯德基西安大雁塔店 西安</p>
								<p class="text-b">以现代语言讲述古城历史文化</p>
								<div class="pro-arr"></div>
							</div>
						</a>
					</div>
					<div class="project-img-2">
						<div class="img-box project-img-11-1">
							<div class="pro-mask m2">
								<p class="pro-mask-p1">La Palma餐厅 重庆</p>
								<p class="pro-mask-p2">将加州海滩元素融入意式餐厅</p>
								<div class="pro-mask-arr">
									<a href="#"></a>
								</div>
							</div>
							<div class="pro-mask-img i11"></div>
						</div>
						<a href="#">
							<div class="project-img-text text-2">
								<p class="text-a">La Palma餐厅 重庆</p>
								<p class="text-b">将加州海滩元素融入意式餐厅</p>
								<div class="pro-arr"></div>
							</div>
						</a>
					</div>
					<div class="project-img-3">
						<div class="img-box project-img-12-1">
							<div class="pro-mask m3">
								<p class="pro-mask-p1">LUCKY PIGGY 杭州</p>
								<p class="pro-mask-p2">亲和力满满的轻食餐厅</p>
								<div class="pro-mask-arr">
									<a href="#"></a>
								</div>
							</div>
							<div class="pro-mask-img i12"></div>
						</div>
						<a href="#">
							<div class="project-img-text text-3">
								<p class="text-a">LUCKY PIGGY 杭州</p>
								<p class="text-b">亲和力满满的轻食餐厅</p>
								<div class="pro-arr"></div>
							</div>
						</a>
					</div>
				</div>
			</div>
			<!-- 更多项目展示 -->
			<div class="project-more">
				<div class="common-title">
					<div class="continer-nav">
						<span>您的位置:</span>
						<a href="#">项目</a>
						<span class="continer-nav-arr">&gt;</span>
						<a class="active" href="#">项目展示</a>
					</div>
					<hr>
					<ul class="project-nav">
						<li class="pro-nav-list">
							<a href="javascript:;">家居</a><span class="verticle-line"></span><span class="transverse-line"></span>
						</li>
						<li class="pro-nav-list">
							<a href="javascript:;">办公</a><span class="verticle-line"></span><span class="transverse-line"></span>
						</li>
						<li class="pro-nav-list">
							<a href="javascript:;">餐饮</a><span class="verticle-line"></span><span class="transverse-line"></span>
						</li>
						<li class="pro-nav-list mar-none">
							<a class="active" href="javascript:;">MORE</a><span class="transverse-line active-line"></span>
						</li>
					</ul>
				</div>
				<!-- 移动端导航样式 -->
				<div class="project-nav-box">
					<ul class="project-nav-mobile">
						<li class="pro-nav-list-mobile">家居</li>
						<li class="pro-nav-list-mobile">办公</li>
						<li class="pro-nav-list-mobile">餐饮</li>
						<li class="pro-nav-list-mobile active">MORE</li>
					</ul>
				</div>
				<!-- 移动端导航样式结束 -->
				<div class="furnishing-box-1 more">
					<div class="project-img-1">
						<div class="img-box project-img-13-1">
							<div class="pro-mask m1">
								<p class="pro-mask-p1">筑蹊生活主题书店 宁波</p>
								<p class="pro-mask-p2">有机几何与循环路径的购书体验</p>
								<div class="pro-mask-arr">
									<a href="#"></a>
								</div>
							</div>
							<div class="pro-mask-img i13"></div>
						</div>
						<a href="#">
							<div class="project-img-text text-1">
								<p class="text-a">筑蹊生活主题书店 宁波</p>
								<p class="text-b">有机几何与循环路径的购书体验</p>
								<div class="pro-arr"></div>
							</div>
						</a>
					</div>
					<div class="project-img-2">
						<div class="img-box project-img-14-1">
							<div class="pro-mask m2">
								<p class="pro-mask-p1">R FITNESS健身工作室 香港</p>
								<p class="pro-mask-p2">由光定义的空间</p>
								<div class="pro-mask-arr">
									<a href="#"></a>
								</div>
							</div>
							<div class="pro-mask-img i14"></div>
						</div>
						<a href="#">
							<div class="project-img-text text-2">
								<p class="text-a">R FITNESS健身工作室 香港</p>
								<p class="text-b">由光定义的空间</p>
								<div class="pro-arr"></div>
							</div>
						</a>
					</div>
					<div class="project-img-3">
						<div class="img-box project-img-15-1">
							<div class="pro-mask m3">
								<p class="pro-mask-p1">月饼博物馆 乌兰察布</p>
								<p class="pro-mask-p2">一个本地材料营造的低成本博物馆</p>
								<div class="pro-mask-arr">
									<a href="#"></a>
								</div>
							</div>
							<div class="pro-mask-img i15"></div>
						</div>
						<a href="#">
							<div class="project-img-text text-3">
								<p class="text-a">月饼博物馆 乌兰察布</p>
								<p class="text-b">一个本地材料营造的低成本博物馆</p>
								<div class="pro-arr"></div>
							</div>
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="foot">
		<div class="foot-center">
			<div class="foot-center-left">
				<p>简设装饰有限公司</p>
				<div class="media-box">
					<a href="javascript:;">
						<div class="weibo"></div>
					</a>
					<a href="javascript:;">
						<div class="qq"></div>
					</a>
					<a href="javascript:;">
						<div class="wx"></div>
					</a>
				</div>
			</div>
			<div class="foot-center-middle">
				<p>地址：中国地区**分区6号写字楼888室</p>
				<p>电话：688-8888-008</p>
				<p>传真：000-66668888</p>
			</div>
			<div class="foot-center-right">
				<p>邮编：100000</p>
				<p>手机：186-6006-8008</p>
				<p>邮箱：00060008@163.com</p>
			</div>
		</div>
	</div>

	<script src="../lib/jquery.3.3.1.js"></script>
	<script src="js/index.js"></script>
</body>

</html>